/**
 * Copyright (c) 快宝网络 kuaidihelp.com Co., Ltd. All Rights Reserved 禁止外泄以及用于其它的商业用途
 */

/**
 * 常用工具-订单管理
 */
import React, { useState } from 'react';
import { PageContainer } from '@ant-design/pro-layout';
import { Tabs } from 'antd';
import KbYjOrderTable from '@/pages/OperatorManagement/YJOrder';
import KbQjOrderTable from '@/components/_pages/tools/qjOrder/index';
import KbOrderTable from '@/components/_pages/tools/orderManage';

const VehicleCallLogout: React.FC = () => {
  const [activeKey, setActiveKey] = useState<string>('order');
  const tabList = [
    {
      tab: '订单信息查询',
      key: 'order',
      page: <KbOrderTable />,
    },
    {
      tab: '优寄订单查询',
      key: 'yjOrder',
      page: <KbYjOrderTable />,
    },
    {
      tab: '全寄订单查询',
      key: 'qjOrder',
      page: <KbQjOrderTable />,
    },
  ];

  return (
    <PageContainer>
      <Tabs activeKey={activeKey} onChange={setActiveKey}>
        {tabList.map((item) => (
          <Tabs.TabPane tab={item.tab} key={item.key}>
            {item.page}
          </Tabs.TabPane>
        ))}
      </Tabs>
    </PageContainer>
  );
};

export default VehicleCallLogout;
